@function rem($s){
    @return ($s/64)*1rem
}
$testbord:1px solid #e3e3e3;
$sub-color:#727272;


.banner img{width: 100%;}

.imgbox img{width: 100%;}
.section{padding:0 2.5%;}
.mt-8{margin-top: 8px;}
.mb-8{margin-bottom: 8px;}
.banner-carou {
width: 100%;
overflow: hidden;

}
.banner-carou .swiper-slide {
text-align: center;
/* background: #BB7171; */
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
height:rem(250);
overflow: hidden;
}
.swiper-slide img{width: 100%;}
.nav-carou .swiper-slide {
text-align: center;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.nav-carou{
    padding:2% 0;
}
.a-block{display: block;position: relative}


.swiper-slide{
    font-size: rem(30);
}
.block{
    display: block;
}
div,ul,li,a{box-sizing: border-box;}

.article-part{
    padding:1.2% 2.2%;
}

.article-part .link{
    border-bottom:$testbord;
    padding:1.2% 0;
    
}
.article-left{
    float: left;
    width:25%;
    // border: $testbord;
}
.article-right{
    float: right;
    width:74.5%;
    // border: $testbord;
}

.article-right .title{
    font-size: rem(30);
}
.article-right .details{
    font-size: rem(27);
    color:$sub-color;
}
.article-left .imgbox{
    width: rem(80);
    height: rem(80);
    border:1px solid #666363;
    margin:0 auto;
    margin-top: rem(6);
    border-radius: 50%;
    overflow: hidden;
}

.brand-part{
    padding: 0 2.2%;
}
.imgbox img{width: 100%;}

.brand-list{
    float: left;
    width: 33%;
    // border:1px solid red;
    border-radius: 8px;
    height: rem(240);
    overflow: hidden;
    // padding:rem(10)
    margin-bottom:rem(16);

}
.brand-list img{width: 100%;height: 100%;}

.col33 img{
    width:100%;
}
.col25 img{
    width:100%;
}

.bottom-wrap{
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 640px;

}

.bottom-nav{
    // border:$testbord;
    background: white;
    font-size:13px;
}
.bottom-nav .imgbox{
    width:40%;
    // height: 15px;
    margin: 0 auto;
    // border:$testbord;
    margin-bottom:4px;
    margin-top:4px;
}